﻿@{
    ViewBag.Title = "Danh Sách Giải Thưởng";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Member/listproduct.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(document).foundation();
        $(document).ready(function () {
            $(".body-mask").fadeOut();
            $(".btn-more-info-product").click(function () {
                $("div.more-info-product").css("display", "none");
                $(this).parent().parent().parent().find(".more-info-product").css("display", "block");
                $(this).parent().parent().parent().find(".more-info-product").addClass("active");
                $(".body-mask").fadeIn();
                $("html,body, window").animate({ scrollTop: $(".more-info-product.active").offset().top }, 'slow');
            });
            $(".off-info-product").click(function () {
                $("div.more-info-product").css("display", "none");
                $("div.more-info-product").removeClass("active");
                $(".body-mask").fadeOut();
                return false;
            });
        });
    </script>
}


<div class="row body">
    <div class="large-12 small-12 columns">
        <div class="row post-details posts">
            <div class="large-9 small-12 columns">
                <h3>Danh mục vui là chính</h3>
                <h6 class="subheader">Vui là chính, rồi gì nữa đây?</h6>
                <span class="clear"></span>
                <div class="row border-wrap category">
                    <ul class="result-search award-list" data-bind="foreach: Products">
                        <li class="large-3 text-centered relatived product">
                            <figure>
                                <img data-bind="attr: { src: ProductImg }" alt="img04" class="ava-award">
                                <figcaption>
                                    <a class="button small wid100 btn-more-info-product" data-bind="attr: { href: 'GetProductDetail?Id=' + PId }">Thêm</a>
                                </figcaption>
                            </figure>
                            <span class="text-smalled " data-bind="text: Name"></span>
                            <div class="more-info-product">
                                    <a href="#" class="off-info-product pull-right">x</a>
                                        <h3 data-bind="text: Name"></h3>
                                        <p class="text-smalled" data-bind="text: Description"></p>
                                        <div class="small-4 columns push-6 no-margin no-padding">
                                            <span>Chọn số lượng đi các em:</span>
                                        </div>
                                        <div class="small-2 columns right no-margin no-padding">
                                            <input id="movie" type="number" value="0"/>
                                        </div>
                                        <div class="small-12 columns no-padding">
                                        <div class="right">
                                        <span>Giá trị:</span><span>199RP</span>
                                        <input type="submit" value="Thêm vào giỏ" class="button small">
                                        </div>
                                        </div>
                                    </div>
                        </li>
                    </ul>
                </div>
                <div class="row">
                    <ul class="pagination right">
                        <li><a href="#">Trang trước</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">Trang sau</a></li>
                    </ul>
                </div>
            </div>
            <div class="large-3 small-12 columns">
                <dl class="tabs" data-tab>
                    <dd class="active"><a href="#panel2-1">Theo dõi</a></dd>
                    <dd><a href="#panel2-2">Bình luận</a></dd>
                </dl>
                <div class="tabs-content">
                    <div class="content active" id="panel2-1">
                        <div class="rank-list">
                            <a href="#">
                                <img src="images/images/2.jpg">
                                <h4>Trà chanh không độ - Độ như không</h4>
                            </a>
                        </div>
                        <div class="rank-list">
                            <a href="#">
                                <img src="images/images/2.jpg">
                                <h4>Trà chanh không độ - Độ như không</h4>
                            </a>
                        </div>
                        <div class="rank-list">
                            <a href="#">
                                <img src="images/images/2.jpg">
                                <h4>Trà chanh không độ - Độ như không</h4>
                            </a>
                        </div>
                        <div class="rank-list">
                            <a href="#">
                                <img src="images/images/2.jpg">
                                <h4>Trà chanh không độ - Độ như không</h4>
                            </a>
                        </div>
                        <div class="rank-list">
                            <a href="#">
                                <img src="images/images/2.jpg">
                                <h4>Trà chanh không độ - Độ như không</h4>
                            </a>
                        </div>
                        <div class="rank-list">
                            <a href="#">
                                <img src="images/images/2.jpg">
                                <h4>Trà chanh không độ - Độ như không</h4>
                            </a>
                        </div>
                    </div>
                    <div class="content" id="panel2-2">
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                                        <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>
                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                                        <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- <section class="main-content">
                
            </section> -->
    </div>
</div>
